
<!doctype html>
<html class="no-js" lang="">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Untitled Document</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <!-- Place favicon.ico in the root directory -->

    <link rel="stylesheet" type="text/css" href="../../css/reset.css">
</head>

<body>
    <div class="loading">
        <span class="loadImg"></span>
    </div>
    <div class="cardList">
        <div class="info">
            <ul>
                <li class="top">
                    <span class="id">id</span>
                    <span class="name">名称</span>
                    <span class="count">数量</span>
                    <span class="price">价格</span>
                    <span class="content">内容</span>
                    <span class="status">状态</span>
                    <span class="start">开始时间</span>
                    <span class="end">结束时间</span>
                    <span class="click">操作</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="revise">
        <div class="cardAdd inputList">
            <p class="li"><span>名称：</span><input type="text" class="t1 mel" name=""></p>
            <p class="li"><span>发行数量:</span><input type="number" class="t2 sol" name=""></p>
            <p class="li"><span>卡券价格：</span><input class="t3 sol" type="number" name=""></p>
            <p class="li"><span>卡券内容：</span><input type="text" class="t4 log" name=""></p>
            <p class="li"><span>卡券状态：</span>
                <select class="t5">
                  <option value ="1">上架</option>
                  <option value ="2">下架</option>
                </select>
            </p>
            <p class="li"><span>活动开始时间：</span><input type="datetime" id="date_start" class="t6 sol" name=""></p>
            <p class="li"><span>活动结束时间：</span><input type="datetime" id="date_end" class="t7 sol" name=""></p>
            <p><button class="addClick">确认</button></p>
        </div>
    </div>
</body>
<script src="../../js/jquery.js"></script>
<script src="../../js/jquery.cookie.js"></script>
<script type="text/javascript">
    $(function(){
        
        getData();
        function getData(){
            var admintoken=$.cookie('admintoken');
            if(admintoken!=null){
                $('.loading').show();
                $.ajax({
                    type: 'get',
                    url:'http://www.math80.com/ticket',
                    headers:{Authorization:"Bearer "+admintoken},
                    success:function(data){
                        var all=data.data;
                        var len=data.data.length;
                        $('.info ul li').not('.top').remove();
                        for(var i=0;i<len;i++){
                            var li="<li>"+
                                        "<span class='id'>"+all[i].id+"</span>"+
                                        "<span class='name'>"+all[i].ticket_name+"</span>"+
                                        "<span class='count'>"+all[i].ticket_count+"</span>"+
                                        "<span class='price'>"+all[i].ticket_price+"</span>"+
                                        "<span class='content'>"+all[i].content+"</span>"+
                                        "<span class='status'>"+all[i].status+"</span>"+
                                        "<span class='start'>"+all[i].acticity_time_start+"</span>"+
                                        "<span class='end'>"+all[i].acticity_time_end+"</span>"+
                                        "<span class='click'>修改</span>"+
                                    "</li>";
                            $('.info ul').append(li);
                        }
                        $('.loading').hide();

                    }
                })
            }
        }
        


        var id=null;
        $(document).on('click','.click',function(){

            id=$(this).parent().find('.id').html();
            var name=$(this).parent().find('.name').html();
            var count=$(this).parent().find('.count').html();
            var price=$(this).parent().find('.price').html();
            var content=$(this).parent().find('.content').html();
            var status=$(this).parent().find('.status').html();
            var start=$(this).parent().find('.start').html();
            var end=$(this).parent().find('.end').html();

            $('.cardAdd .t1').val(name);
            $('.cardAdd .t2').val(count);
            $('.cardAdd .t3').val(price);
            $('.cardAdd .t4').val(content);
            $('.cardAdd .t5').val(status);
            $('.cardAdd .t6').val(start);
            $('.cardAdd .t7').val(end);
            
        });


        $('.addClick').click(function(){
            var admintoken=$.cookie('admintoken');
            if(admintoken!=null&&id!=null){
                var n_name=$('.t1').val();
                var n_count=$('.t2').val();
                var n_price=$('.t3').val();
                var n_content=$('.t4').val();
                var n_status=$('.t5').val();
                var n_start=$('.t6').val();
                var n_end=$('.t7').val();

                var data={
                    "ticket_name":n_name,
                    "ticket_count":n_count,
                    "ticket_price":n_price,
                    "content":n_content,
                    "status":n_status,
                    "acticity_time_start":n_start,
                    "acticity_time_end":n_end
                };
                $.ajax({
                    type: 'put',
                    url:'http://www.math80.com/ticket/'+id,
                    headers:{Authorization:"Bearer "+admintoken},
                    data:data,
                    success:function(data){
                        alert('修改成功!');
                        getData();
                    }
                })
            }else{
                alert('请重新登录')
            }
        })
        


    })

</script>
<script src="../../js/time/jquery-ui.min.js"></script>
<link href="../../js/time/jquery-ui.min.css" rel="stylesheet" />
<script src="../../js/time/jquery-ui-timepicker-addon.min.js"></script>
<script type="text/javascript" src="../../js/time/jquery-ui-timepicker-zh-CN.js"></script>
<script type="text/javascript">
    (function($) {

        $(function() {
            $.datepicker.regional['zh-CN'] = {
                changeMonth: true,
                changeYear: true,
                clearText: '清除',
                clearStatus: '清除已选日期',
                closeText: '关闭',
                closeStatus: '不改变当前选择',
                prevText: '<上月',
                prevStatus: '显示上月',
                prevBigText: '<<',
                prevBigStatus: '显示上一年',
                nextText: '下月>',
                nextStatus: '显示下月',
                nextBigText: '>>',
                nextBigStatus: '显示下一年',
                currentText: '今天',
                currentStatus: '显示本月',
                monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
                monthStatus: '选择月份',
                yearStatus: '选择年份',
                weekHeader: '周',
                weekStatus: '年内周次',
                dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
                dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
                dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
                dayStatus: '设置 DD 为一周起始',
                dateStatus: '选择 m月 d日, DD',
                dateFormat: 'yy-mm-dd',
                firstDay: 1,
                initStatus: '请选择日期',
                isRTL: false
            };

            $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
            
            $("#date_start").prop("readonly", true).datepicker({
                changeMonth: true,
                dateFormat: "yy-mm-dd",
                onClose: function(selectedDate) {
                    $("#date_end").datepicker("option", "minDate", selectedDate);
                }
            });

            $("#date_end").prop("readonly", true).datepicker({
                changeMonth: true,
                dateFormat: "yy-mm-dd",
                onClose: function(selectedDate) {
                    $("#date_start").datepicker("option", "maxDate", selectedDate);
                    $("#date_end").val($(this).val());
                }
            });
            
            
        });
        
        
    }(jQuery));
</script>
</html>